/*piao-btn*/
.piao-wrap { position:relative;}
.piao-btn { position:absolute;left:50%; margin-left:267px; top:50%;width:234px; height:73px; background-image: linear-gradient(180deg, #FFFFFF 0%, #D1D1D1 100%);box-shadow: 0 2px 20px 0 rgba(0,0,0,0.50);border-radius: 8px; text-align:center;font-family: SourceHanSansCN-Bold;font-size:1.4125rem;color: #0b5489; line-height:73px; letter-spacing: 0; z-index:3333;}
.piao-btn i { display:inline-block; width:10px; height:18px; background:url(../images/btn-jiao.png) no-repeat; vertical-align:middle; margin-top:-2px; margin-left:20px; }
.piao-btn a {color: #0b5489;  display:block; }
.piao-btn a:hover {color: #0b5489; }
/*piao-box*/
.piao-box { position:fixed; top:30%; left:50%; width:374px; height:304px; margin-left:-187px;z-index:3333; background-color:#FFF; border-radius:8px; overflow:hidden; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.50);}
.piao-top { height:auto; }
.piao-top .pic { width:100%; height:auto;}
.piao-top .pic img{ width:100%; height:auto;}
.piao-top .tit { position:absolute; left:0; top:0; width:100%; height:auto; font-family: SourceHanSansCN-Bold;font-size:0.9562rem;color: #FFFFFF;letter-spacing: 0; text-align:center; padding-top:14px; }
.piao-top .tit .piao-cha { position:absolute; right:10px; top:12px; width:26px; height:26px; overflow:hidden; cursor:pointer; }
.piao-top .tit .piao-cha img { width:100%; height:100%;}
/*piao-bot*/
.piao-bot { height:114px; background-image: linear-gradient(180deg, rgba(24,141,190,0.00) 0%, rgba(10,84,137,0.11) 100%); text-align:center; padding-top:27px; }
.piao-bot a { display:inline-block; width:139px; height:45px;background-image: linear-gradient(90deg, #188DBE 0%, #0A5489 100%);border-radius: 8px;font-family: SourceHanSansCN-Medium;font-size: 0.8655rem;color: #FFFFFF;letter-spacing: 0; line-height:45px;}
/*xin-banner*/
.xin-banner { height:auto; position:relative; margin-top:103px; background-color:#0a5489; padding-bottom:77px;  }
.xin-banner-left { position:absolute; top:50px; left:50%; margin-left:-654px; width:550px; height:153px; padding:55px 24px 0 24px; background: rgba(0,0,0,0.30); }
.xin-banner-left i { position:absolute; left:24px; top:40px;  display:inline-block; background-color:#FFF; width:14px; height:2px; }
.xin-banner-con { font-family: SourceHanSansCN-Medium;font-size: 0.7575rem;color: #FFFFFF;letter-spacing: 0;line-height:18px;height:72px; overflow:hidden;}
.xin-banner .pic { width:100%; height:380px;}
.xin-banner .pic img{width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
/*xin-main*/
.xin-main { text-align:center; z-index:3333; position:absolute; left:0; bottom:0; width:100%; height:auto; padding-bottom:20px;/*background: rgba(10,84,137,0.80);*/ background:url(../images/xin-main-bg.png) no-repeat top center; }
.xin-main .icon { height:34px; margin-top:-23px;}
.xin-main .icon img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.xin-main .line { display:inline-block; width:24px; height:2px; background-color:#ffffff;}
.xin-main .tit {font-family: SourceHanSansCN-Bold;font-size: 1.0125rem;color: #FFFFFF;letter-spacing: 0; font-weight:bold; margin-top:6px;}
.xin-main .en {font-family: SourceHanSansCN-Light;font-size: 0.7575rem;color: #FFFFFF;letter-spacing: 0; font-weight:lighter;}
.xin-main .des {font-family: SourceHanSansCN-Medium;font-size: 0.7575rem;color: #FFFFFF;letter-spacing: 0;text-align: center; margin-top:8px; line-height:2.1;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding:0 5px; }
/*xin-public*/
.xin-public { text-align:center; margin-top:47px; }
.xin-public .line{ display:inline-block; width:33px; height:6px; background-color:#0a5489;}
.xin-public .tit{font-family: SourceHanSansCN-Bold;font-size: 2.25rem;color: #000000;text-align: center; font-weight:bold; }
.xin-public .des{font-family: SourceHanSerifCN-Regular;font-size: 1.05rem;color: #999999;text-align: center; margin-top:5px; font-weight:lighter;}
/*xin-list*/
.xin-list { margin-top:45px;}
.xin-list ul{ margin-left:0;}
.xin-list ul li{ float:left; width:218px; height:272px; padding-top:83px; background:url(../images/xin-list-bg.png) no-repeat; background-size:100% 100%; list-style:none;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius: 10px; text-align:center; }
.xin-list ul li:nth-child(4n+1) { margin-left:74px;}
.xin-list ul li:nth-child(4n+2) { margin-left:40px;}
.xin-list ul li:nth-child(4n+3) { margin-left:40px;}
.xin-list ul li:nth-child(4n+4) { margin-left:40px;}
.xin-list ul li .pic {  height:83px;}
.xin-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.xin-list ul li .tit {font-family: SourceHanSansCN-Bold;font-size: 1.2125rem;color: #333333; margin-top:23px; font-weight:bold; }
.xin-list ul li .des {font-family: SourceHanSansCN-Light;font-size: 0.8262rem;color: #999999; margin-top:1px; font-weight:lighter;}
/*xin-fangan*/
.xin-fangan { width:1280px; margin:0 auto; height:474px; margin-top:92px; }
.xin-fangan-left { float:left; width:500px; height:351px; position:relative;}
.xin-fangan-left img { width:100%; height:auto;}
.xin-fangan-blue { position:absolute; right:-124px; top:55px; width:318px; height:134px; background-color:#0a5489;}
.xin-fangan-blue:after{content:""; position:absolute; left:17px; top:26px; width:14px; height:2px; background-color:#ffffff; }
.xin-fangan-blue .pic { float:left; width:31px; height:31px; margin-left:31px; margin-top:44px; }
.xin-fangan-blue .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.xin-fangan-blue .con { float:right; width:203px; margin-right:40px; margin-top:48px;}
.xin-fangan-blue .con .tit{font-family: SourceHanSansCN-Bold;font-size: 1.105rem;color: #FFFFFF;letter-spacing: 0;line-height: 1; font-weight:bold;}
.xin-fangan-blue .con .des{opacity: 0.76;font-family: SourceHanSerifCN-Light;font-size: 0.6175rem;color: #8eafc8;letter-spacing: 0;line-height: 1.3; font-weight:lighter; margin-top:11px;}
.xin-fangan-right { float:right; width:629px; margin-top:24px; position:relative; }
.xin-fangan-right:after{content:""; position:absolute; left:-11px; top:-11px; width:32px; height:40px;border: 4px solid rgba(10,84,137,0.20); }
.xin-fangan-right .tit {font-family: SourceHanSansCN-Bold;font-size: 2.1rem;color: #333333; font-weight:bold;}
.xin-fangan-right .des1 {font-family: SourceHanSerifCN-Regular;font-size: 1.0562rem;color: #999999;}
.xin-fangan-right .des2 {font-family: SourceHanSansCN-Regular;font-size: 0.7375rem;color: #333333; margin-top:17px;}
.xin-fangan-right .des3 {font-family: SourceHanSerifCN-Regular;font-size: 0.7375rem;color: #999999; margin-top:4px; }
.xin-fangan-right .des4 {font-family: SourceHanSerifCN-Regular;font-size: 0.5875rem;color: #666666; margin-top:26px; text-decoration:underline;}
.xin-fangan-right .des5 {font-family: SourceHanSerifCN-Regular;font-size: 0.6875rem;color: #666666; text-decoration:underline;}
.xin-fangan-right .des6{font-family: SourceHanSerifCN-Regular;font-size: 0.4875rem;color: #999999; margin-top:10px;}
.xin-fangan-right .des7{font-family: SourceHanSerifCN-Regular;font-size: 0.6875rem;color: #4a4a4a; margin-top:8px; }
.xin-fangan-right .des7 table { width:auto; text-align:center;}
.xin-fangan-right .des7 tbody td { padding:0; background-color:#FFF; }
/*xin-hezuo*/
.xin-hezuo { height:430px; background:#7ba3c2 url(../images/xin-hezuo-bg.jpg) no-repeat top center; }
.xin-wrap { width:1360px; margin:0 auto;}
.xin-hezuo-left { float:left; width:540px; height:284px;background: rgba(255,255,255,0.30); margin-top:88px;}
.xin-hezuo-con { padding:40px 25px 0 25px;}
.xin-hezuo-con .tit {font-family: SourceHanSansCN-Bold;font-size:1.095rem;color: #FFFFFF;letter-spacing: 0;line-height:26px; font-weight:bold;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xin-hezuo-con .des {font-family: SourceHanSansCN-Normal;font-size:1.095rem;color: #F2F1F1;letter-spacing: 0;line-height:24px; margin-top:22px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; }
.xin-hezuo-right { float:left; width:600px; margin-left:30px; margin-top:130px; position:relative; } 
.xin-hezuo-right:after{content:"……"; position:absolute; right:27px; bottom:74px; width:42px; height:19px; font-family: SourceHanSansCN-Regular;font-size: 1.6125rem;color: #FFFFFF;letter-spacing: 0;}
.xin-hezuo-right .ban { height:29px; font-family: SourceHanSansCN-Bold;font-size: 1.8125rem;color: #FFFFFF;line-height: 29px; font-weight:bold; }
.xin-hezuo-right .ban img {max-width: 100%;max-height: 100%;vertical-align: middle;}
.xin-hezuo-right .list { margin-top:79px; position:relative;}
.xin-hezuo-right .list ul { margin-left:0;}
.xin-hezuo-right .list ul li{ float:left; width:150px; height:44px; margin-right:21px; list-style: none; margin-bottom:46px; position:relative;}
.xin-hezuo-right .list ul li:after{content:""; position:absolute; left:0; bottom:-17px; width:100%; height:14px;background-image: linear-gradient(180deg, rgba(255,255,255,0.59) 0%, rgba(255,255,255,0.00) 100%);}
.xin-hezuo-right .list ul li img {max-width: 100%;max-height: 100%;vertical-align: middle;}
/*xin-lianxi*/
.xin-lianxi { height:574px; background:url(../images/xin-lianxi-bg.jpg) repeat-x top center;}
.xin-lianxi-left { float:left; width:286px; height:402px;  background:url(../images/xin-liuyan-bg.png) no-repeat; background-size:100% 100%; margin-top:85px;padding-top:61px; margin-left:100px;}
.xin-lianxi-left ul  { margin-left:0;}
.xin-lianxi-left ul li { list-style: none; text-align:center; position:relative; }
.xin-lianxi-left ul li:before{content:""; position:absolute; left:46px; top:14px; width:4px; height:4px; background:url(../images/xin-liuyan-xing.png) no-repeat; background-size:100% 100%; }
.xin-lianxi-left ul li:last-child:before { display:none;}
.xin-lianxi-left ul li:after{content:""; position:absolute; left:63px; top:8px; width:14px; height:14px; background:url(../images/xin-liuyan1.png) no-repeat; background-size:auto 100%;}
.xin-lianxi-left ul li:last-child:after{ display:none;}
.xin-lianxi-left ul li:nth-child(2):after{ background:url(../images/xin-liuyan2.png) no-repeat; background-size:auto 100%;}
.xin-lianxi-left ul li:nth-child(3):after{ background:url(../images/xin-liuyan3.png) no-repeat; background-size:auto 100%;}
.xin-lianxi-left ul li:nth-child(4):after{ background:url(../images/xin-liuyan4.png) no-repeat; background-size:auto 100%;}
.xin-lianxi-left input[type=text] { display:inline-block; width:174px; margin:0; margin-bottom:11px; height:30px;color:#333333; font-size:0.6875rem; border:none; background-color:#FFF; padding-left:30px;  } 
.xin-lianxi-left input[type=submit] { margin:0; margin-top:22px; width:94px; text-align:center; height:27px; background-color:#0a5489; color:#fff; font-size:0.7875rem; cursor:pointer; border:none;}
.xin-lianxi-right { float:right; width:453px; margin-top:102px;}

@media (max-width:1361px){
.xin-wrap { width:98%;}
.xin-hezuo-left { width:40%;}
.xin-hezuo-right { width:54%; margin-top:100px; }

}
@media (max-width:1300px){
	.xin-banner-left {margin-left:0;  left: 5%;}
}

@media (max-width:1281px){
.xin-fangan{ width:98%;}
.xin-fangan-left{ width:39%;}
.xin-fangan-right{ width:49%;}
.xin-fangan-blue { right: -104px; width: 288px;}
.xin-fangan-blue .pic { margin-top:34px; }
.xin-fangan-blue .con { width:63%;  margin-top:38px;}

}

@media (max-width:1200px){

/*piao-btn1200*/
.piao-btn {left:auto; right:5%; margin-left:0; top:40%;}
/*xin-banner1200*/
.xin-banner { padding-bottom:107px; }
.xin-banner-left { top:8%; width:48%;padding:50px 32px 0 27px;  height:157px;}
.xin-banner-left i { top:30px; }
/*xin-main1200*/
.xin-main .des { margin-top: 10px;}
/*xin-public1200*/
.xin-public .tit{font-size: 2.1rem; }
.xin-public .des{font-size: 0.8rem;}
/*xin-list1200*/
.xin-list { margin-top:35px;}
.xin-list ul li{ width:22%; }
.xin-list ul li:nth-child(4n+1) { margin-left:3%;}
.xin-list ul li:nth-child(4n+2) { margin-left:2%;}
.xin-list ul li:nth-child(4n+3) { margin-left:2%;}
.xin-list ul li:nth-child(4n+4) { margin-left:2%;}
.xin-list ul li .tit { margin-top:34px; }
/*xin-fangan1200*/
.xin-fangan-right .tit {font-size:1.8rem;}
/*xin-hezuo1200*/
.xin-hezuo-right .list ul li { width:140px; height:41px; }
.xin-fangan-blue { width: 258px;}
.xin-fangan-blue .con { margin-right:20px;}

}

@media (max-width:992px){

/*piao-btn992*/
.piao-btn { height:63px; line-height:63px;}
/*xin-banner992*/
.xin-banner { padding-bottom:57px; }
.xin-banner-left { top:5%; left:2%; width:60%;padding:40px 17px 0 17px; height:147px;}
.xin-banner-left i { top:25px; }
/*xin-main992*/
.xin-main .icon { height:30px; margin-top:-14px;}
.xin-main .des{ display:none; }
/*xin-public992*/
.xin-public .tit{font-size:1.9rem; }
/*xin-list992*/
.xin-list { margin-top:25px;}
.xin-list ul li{ height:251px; padding-top:66px;}
.xin-list ul li .tit { margin-top:24px;font-size: 1.0125rem;}
/*xin-fangan992*/
.xin-fangan-blue { position:relative; top:auto; right:auto; width:100%;}
.xin-fangan-right { width:53%;}
.xin-fangan-right .tit { font-size:1.4rem;}
/*xin-hezuo992*/
.xin-hezuo-right { margin-top: 70px;}
.xin-hezuo-right .list{margin-top: 39px;}
/*xin-lianxi992*/
.xin-lianxi-left { margin-left:5%;}
.xin-lianxi-right { width:40%; }

}

@media (max-width:767px){

/*piao-btn767*/
.piao-btn { height:53px;width:214px; line-height:53px;font-size:1.2125rem;}
/*piao-box767*/
.piao-box { left:10%; width:80%; height:auto; margin-left:0;}
/*xin-banner767*/
.xin-banner { margin-top:66px;padding-bottom: 67px; }
.xin-banner-left { left:2%; top:10px; width:94%;padding:20px 10px 20px 10px; height:117px; }
.xin-banner-left i { display:none; }
.xin-banner .pic { width:100%; height:200px;}
.xin-banner .pic img{width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
/*xin-public767*/
.xin-public .tit{font-size:1.5rem; }
/*xin-list767*/
.xin-list { margin-top:15px;}
.xin-list ul li{ width:45%; margin-top:20px; height:211px; padding-top:46px; }
.xin-list ul li:nth-child(4n+1) { margin-left:4%;}
.xin-list ul li:nth-child(4n+2) { margin-left:3%;}
.xin-list ul li:nth-child(4n+3) { margin-left:4%;}
.xin-list ul li:nth-child(4n+4) { margin-left:3%;}
.xin-list ul li .pic { height:73px; }
.xin-list ul li .tit { font-size: 1.0125rem;}
/*xin-fangan767*/
.xin-fangan { height:auto; margin-top:52px;}
.xin-fangan-left { float:none; width:100%; height:auto; }
.xin-fangan-right { float:none; width:94%; margin-top:50px; margin-left:3%; }
.xin-fangan-right .tit { font-size:1.3rem; }
.xin-fangan-right .des1 { font-size:0.8rem;}
/*xin-hezuo767*/
.xin-hezuo { padding-top:30px; height:650px; background-size:cover; margin-top:30px; }
.xin-hezuo-left { float:none; width:100%; margin-top:0; }
.xin-hezuo-right { float:none; width:96%; margin-left:2%; margin-top:40px; }
.xin-hezuo-right:after { display:none; }
.xin-hezuo-right .ban { font-size: 1.7125rem;}
.xin-hezuo-right .list ul li { margin-bottom:26px; }
/*xin-lianxi767*/
.xin-lianxi { height:auto; padding-bottom:50px; padding-top:50px;}
.xin-lianxi-left { float:none; margin:0 auto;}
.xin-lianxi-right { display:none; }

}


@media (max-width:350px){

.xin-public { margin-top:37px; }
.xin-public .tit { font-size:1.3rem;}
.xin-list ul li .pic { height:63px; }
.xin-list ul li .tit { font-size:0.9rem;}
.xin-fangan-right .tit { font-size:1.1rem; }
.xin-hezuo-right .list ul li { width:120px; height:35px; }


}